<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- based on https://causal.agency css -->
  <style>
    :root {
      --dark: #141415;
      --light: #cdcdcd;
      --lightsel: #fff;
      --ansi0: #161510;
      --ansi1: #A32810;
      --ansi2: #727A18;
      --ansi3: #A37720;
      --ansi4: #3D6266;
      --ansi5: #7A4955;
      --ansi6: #557A55;
      --ansi7: #8E8463;
      --ansi8: #4C4635;
      --ansi9: #CC3214;
      --ansi10: #8E991E;
      --ansi11: #CC9528;
      --ansi12: #4C7B7F;
      --ansi13: #995B6B;
      --ansi14: #6B996B;
      --ansi15: #CCBC8E;
      --ansi16: #14130E;
      --ansi17: #B7A980;
      --ansi18: #CCBC8E;
      --ansi19: #A34110;
      --ansi20: #72694F;
    }

    table.head, table.foot { width: 100%; }
    td.head-rtitle, td.foot-os { text-align: right; }
    td.head-vol { text-align: center; }
    div.Pp { margin: 1ex 0ex; }
    div.Nd, div.Bf, div.Op { display: inline; }
    div.Bd-indent, section.Ss { margin-left: 6ch; }
    span.Pa, span.Ad { font-style: italic; }
    span.Ms { font-weight: bold; }
    dl.Bl-diag dt { font-weight: bold; }
    code.Nm, code.Fl, code.Cm, code.Ic, code.In, code.Fd, code.Fn,
    code.Cd { font-weight: bold; font-family: inherit; }

    table { border-collapse: collapse; }
    table.Nm code.Nm { padding-right: 1ch; }
    table.tbl tr td { padding: 1ch; }
    table.foot { margin-top: 1em; }

    html {
      font-family: "JetBrains Mono", monospace;
      font-size: 12pt;
      background-color: var(--dark);
      color: var(--light);
      -moz-tab-size: 4;
      tab-size: 4;
    }
    body {
      max-width: 80ch;
      margin: 1em auto;
      padding: 0 1ch;
    }
    ul.index { padding: 0; }
    ul.index li {
      display: inline;
      list-style-type: none;
    }
    a { color: var(--light); }
    a:visited { color: var(--light); }
    a.permalink, a.tag {
      color: var(--light);
      text-decoration: none;
    }
    a.permalink code:target,
    h1.Sh:target a.permalink,
    h2.Ss:target a.permalink,
    a.tag:target {
      color: var(--lightsel);
      outline: none;
    }

    .hilex.Keyword { color: var(--ansi9); }
    .hilex.Macro { color: var(--ansi2); }
    .hilex.Comment { color: var(--ansi14); }
    .hilex.String { color: var(--ansi6); }
    .hilex.StringFormat { color: var(--ansi14); }
    .hilex.Interpolation { color: var(--ansi1); }
  </style>

